HTML 格式化

制表符缩进
xxxxxxxxxx
<!DOCTYPE html>
        <link href="favicon-eiduo.ico" rel="icon" type="image/x-icon">
        <link rel="stylesheet" type="text/css" href="./index_files/swiper.min.css">
        <link href="./index_files/ui.css" type="text/css" rel="stylesheet">
        <link href="./index_files/dialog.css" type="text/css" rel="stylesheet">
        <script>
            var _hmt = _hmt || [];(function () {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?f64d57ba1186836933fa6087108abece";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();
        </script>
        <link rel="stylesheet" href="./index_files/styles.e682ead12e3e60973c41.css">
        <style>
            .wechat-container[_ngcontent-dch-c24]{width:200px;height:200px;position:fixed;top:220px;left:10px}.parent[_ngcontent-dch-c24], .stu[_ngcontent-dch-c24]{background-size:100%}
        </style>
        <script charset="utf-8" src="./index_files/6-es2015.daa3028ace8f62265559.js.下载"></script>
        <style>
            [_nghost-dch-c45]{position:relative;display:block;min-height:100vh;padding-bottom:86px;background:#f8f8f8}.fixed-main[_ngcontent-dch-c45]{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:999}.course-content[_ngcontent-dch-c45]{position:relative;width:100%;min-height:420px;top:80px}.course-img[_ngcontent-dch-c45]{top:0;background:url(course-img.8e8822d90cd25a753f5c.png) no-repeat;width:317px;height:397px}.course-close[_ngcontent-dch-c45], .course-img[_ngcontent-dch-c45]{position:absolute;cursor:pointer;left:50%;transform:translateX(-50%);z-index:1000}.course-close[_ngcontent-dch-c45]{bottom:-20px;background:url(course-close.be5501689c821d829dd8.png) no-repeat;width:29px;height:31px}.vx[_ngcontent-dch-c45]{width:500px;height:600px;margin:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}.wechat-container[_ngcontent-dch-c45]{width:200px;height:200px;margin-bottom:80px}.wechat-container[_ngcontent-dch-c45] img[_ngcontent-dch-c45]{width:100%}
        </style>
        <style>
            .hide[_ngcontent-dch-c20]{display:none}.header[_ngcontent-dch-c20]{background:#fff;border-bottom:1px solid #eaeaea}.header-container[_ngcontent-dch-c20]{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding:12px 0 8px;width:1212px}.header-right[_ngcontent-dch-c20]{align-items:center;display:flex;justify-content:center}.func[_ngcontent-dch-c20]{margin-left:10px;margin-right:10px}.school-user-name[_ngcontent-dch-c20], .welcome[_ngcontent-dch-c20]{color:#333;font-size:15px;font-weight:400}.opt[_ngcontent-dch-c20]{position:relative}.opt[_ngcontent-dch-c20], .opt[_ngcontent-dch-c20] b[_ngcontent-dch-c20]{display:inline-block}.opt[_ngcontent-dch-c20] b[_ngcontent-dch-c20]{background:url("index_files/NA0gfjJUngFFE1TjCiDVhaapGyrOgFUTFFQD8TYoG0RXoSvA0AQ09S+QigLizSAaykcBAAEGAJ7VMooUtSY1AAAAAElFTkSuQmCC.png") 50% no-repeat;height:8px;margin:0 0 0 16px;padding:6px 0;vertical-align:middle;width:13px}.deg[_ngcontent-dch-c20]{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.opt[_ngcontent-dch-c20] .logoutBtn[_ngcontent-dch-c20]{align-items:center;background:#fff;border:1px solid #2488c6;border-radius:5px;font-size:14px;height:36px;justify-content:center;left:0;line-height:36px;position:absolute;top:18px;width:94px;z-index:6}.opt[_ngcontent-dch-c20] .logoutBtn[_ngcontent-dch-c20] a[_ngcontent-dch-c20]{color:#333}.opt[_ngcontent-dch-c20] .logoutBtn[_ngcontent-dch-c20] a[_ngcontent-dch-c20] i[_ngcontent-dch-c20]{background:url(index_files\wAAAABJRU5ErkJggg==.png) no-repeat;display:inline-block;height:16px;margin-right:5px;vertical-align:-3px;width:15px}.toggleRoleBtn[_ngcontent-dch-c20]{align-items:center;background:#fff;border:1px solid #3baeda;border-radius:2px;box-sizing:border-box;color:#3baeda;display:inline-flex;font-size:14px;height:30px;justify-content:center;margin:0 30px;padding:0 5px;text-align:center;width:80px}.toggleRoleBtn[_ngcontent-dch-c20]:hover{background:#3baeda;color:#fff;cursor:pointer}.menu[_ngcontent-dch-c20]{background:#3bafda}.menu-container[_ngcontent-dch-c20]{margin:0 auto;text-align:left;width:1200px}.menu-container[_ngcontent-dch-c20] ul[_ngcontent-dch-c20]{margin:0 auto}.menu-container[_ngcontent-dch-c20] li[_ngcontent-dch-c20]{color:#fff;cursor:pointer;display:inline-block;*display:inline;font-size:16px;height:32px;line-height:32px;padding:0 15px;position:relative}.menu-container[_ngcontent-dch-c20] li[_ngcontent-dch-c20]:hover{background-color:#6ccaee}.menu-container[_ngcontent-dch-c20] .active[_ngcontent-dch-c20]{background:#1797c7;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F7eb9e5,endColorstr=#7F7eb9e5)}.menu-container[_ngcontent-dch-c20] li[_ngcontent-dch-c20] .right-icon[_ngcontent-dch-c20]{background:url("index_files\k+X4YkBHBWwIMfxTHFt4A3Sw9nyHnBm0AAAAASUVORK5CYII=.png") no-repeat;background-size:100% 100%;height:15px;position:absolute;right:0;top:-8px;width:22px}.version-ctrl[_ngcontent-dch-c20]{height:44px;margin-right:10px;width:126px}.version-ctrl[_ngcontent-dch-c20] .proVersion[_ngcontent-dch-c20], .version-ctrl[_ngcontent-dch-c20] .tryVersion[_ngcontent-dch-c20]{height:100%;text-align:center;width:100%}.version-ctrl[_ngcontent-dch-c20] .tryVersion[_ngcontent-dch-c20]{background:url("index_files\CvYgAAAAASUVORK5CYII=.png") no-repeat;background-size:100%}.version-ctrl[_ngcontent-dch-c20] .proVersion[_ngcontent-dch-c20]{background:url("index_files\DsDfrZcMiNZSX+P7YzkegT1M7xAAAAAElFTkSuQmCC.png") no-repeat;background-size:100%}.version-ctrl[_ngcontent-dch-c20] .proVersion[_ngcontent-dch-c20] span[_ngcontent-dch-c20], .version-ctrl[_ngcontent-dch-c20] .tryVersion[_ngcontent-dch-c20] span[_ngcontent-dch-c20]{display:inline-block;font-size:14px;font-weight:500;padding-top:23px}.version-ctrl[_ngcontent-dch-c20] .tryVersion[_ngcontent-dch-c20] span[_ngcontent-dch-c20]{color:#c99c6c}.version-ctrl[_ngcontent-dch-c20] .proVersion[_ngcontent-dch-c20] span[_ngcontent-dch-c20]{color:#0081cc}
        </style>
        <style>
            [_nghost-dch-c21]{bottom:0;display:block;height:86px}.footer[_ngcontent-dch-c21], [_nghost-dch-c21]{position:absolute;width:100%}.footer[_ngcontent-dch-c21]{background:#404145;height:100%;top:0}.footer-con[_ngcontent-dch-c21]{font-size:12px;text-align:center}.footer-con[_ngcontent-dch-c21] img[_ngcontent-dch-c21]{margin:18px}.footer-con[_ngcontent-dch-c21] a[_ngcontent-dch-c21], .footer-con[_ngcontent-dch-c21] p[_ngcontent-dch-c21]{color:#e7e7e7;line-height:100%}
        </style>
        <style>
            .mask[_ngcontent-dch-c22]{background-color:hsla(0,0%,67.1%,.6);bottom:0;display:block;display:flex;flex-direction:column;height:100%;left:0;outline:0;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:1050}.dialog[_ngcontent-dch-c22]{background:url("index_files\fxse9Y5fUBZiAAAAAElFTkSuQmCC.png") no-repeat;background-size:100%;height:361px;margin:200px auto;padding-top:30px;width:510px}.title[_ngcontent-dch-c22]{height:40px;margin:0 auto;width:274px}.title.try1[_ngcontent-dch-c22]{background:url("index_files\A9Q0V0n+ZorgAAAAAElFTkSuQmCC.png") no-repeat;background-size:100%}.title.try2[_ngcontent-dch-c22]{background:url("index_files\VFwiIslLHZgsQOLHVjswGIHFoC+uAOLHVjswGIHFjuw2IFHwQ78LwtrC5V00RCEAAAAAElFTkSuQmCC.png") no-repeat;background-size:100%}.title.try3[_ngcontent-dch-c22]{background:url("index_files\ANi1OXOXRplCAAAAAElFTkSuQmCC.png") no-repeat;background-size:100%}.title.try4[_ngcontent-dch-c22]{background:url("index_files\EbZx8gAAAAASUVORK5CYII=.png") no-repeat;background-size:100%}.title.pro1[_ngcontent-dch-c22]{background:url("index_files\Azi7lGdTqDkeAAAAAElFTkSuQmCC.png") no-repeat;background-size:100%}.title.pro2[_ngcontent-dch-c22]{background:url("index_files\nicBs87tLgwAAAAASUVORK5CYII=.png") no-repeat;background-size:100%}.title.pro3[_ngcontent-dch-c22]{background:url("index_files\wjfP7fAGA7ks6U80zeAAAAAElFTkSuQmCC.png") no-repeat;background-size:100%}.title.pro4[_ngcontent-dch-c22]{background:url("index_files\fwCY8kR6+dC4vgAAAABJRU5ErkJggg==.png") no-repeat;background-size:100%}.warn[_ngcontent-dch-c22]{color:#333;font-size:14px;font-weight:400;height:66px;margin:126px auto 0;text-indent:2em;width:413px}.warn[_ngcontent-dch-c22] .day[_ngcontent-dch-c22]{color:#3bafda;font-size:16px}.btn[_ngcontent-dch-c22]{align-items:center;background:linear-gradient(49deg,#3b5bea,#5786ff);border-radius:22px;box-shadow:0 4px 8px 0 rgba(60,148,251,.33);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:400;height:44px;justify-content:center;margin:20px auto;width:240px}
        </style>
        <style>
            .loading[_ngcontent-dch-c23]{-moz-box-align:center;-ms-align-items:center;-ms-justify-content:center;-o-align-items:center;-o-justify-content:center;-webkit-box-align:center;align-items:center;background:rgba(0,0,0,.2);bottom:0;box-align:center;box-pack:center;display:-ms-flex;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.loading[_ngcontent-dch-c23] .spinner-1[_ngcontent-dch-c23]{text-align:center;width:150px}.loading[_ngcontent-dch-c23] .spinner-1[_ngcontent-dch-c23] div[_ngcontent-dch-c23]{animation:bouncedelay 1.4s ease-in-out infinite;animation-fill-mode:both;background-color:#3bafda;border-radius:100%;display:inline-block;height:30px;margin-right:10px;width:30px}.loading[_ngcontent-dch-c23] .spinner-1[_ngcontent-dch-c23] div.bounce1[_ngcontent-dch-c23]{animation-delay:-.32s}.loading[_ngcontent-dch-c23] .spinner-1[_ngcontent-dch-c23] div.bounce2[_ngcontent-dch-c23]{animation-delay:-.16s}@keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}
        </style>
    </head>
    <body><app-root _nghost-dch-c24="" ng-version="10.0.14"><router-outlet _ngcontent-dch-c24=""></router-outlet><student-report-index _nghost-dch-c45=""><eiduo-ui-header _ngcontent-dch-c45="" _nghost-dch-c20="">
                    <div _ngcontent-dch-c20="" class="header">
                        <div _ngcontent-dch-c20="" class="header-container">
                            <div _ngcontent-dch-c20="" class="header-left logo-container"><img _ngcontent-dch-c20="" alt="logo" style="max-height: 80px;" src="./index_files/9b371116-4e03-42a7-9386-20d187458701a0b47a28-6834-43dc-90fe-4a1a8297cd26下载.png"></div>
                            <div _ngcontent-dch-c20="" class="header-right func-container"><img _ngcontent-dch-c20="" alt="photo" style="width: 45px; height: 45px; border-radius: 50%;" src="index_files\wIMAGP9c4GpNLwtAAAAAElFTkSuQmCC.png">
                                <div _ngcontent-dch-c20="" class="func"><strong _ngcontent-dch-c20="" class="welcome">欢迎您，</strong><strong _ngcontent-dch-c20="" class="school-user-name" title="乐陵三中 林玟涵">乐陵三中 林玟涵</strong><span _ngcontent-dch-c20="" class="opt"><b _ngcontent-dch-c20=""></b><span
                                            _ngcontent-dch-c20="" class="logoutBtn" style="display: none;"><a _ngcontent-dch-c20=""><i _ngcontent-dch-c20=""></i>退出登录</a></span></span></div>
                            </div>
                        </div>
                        <div _ngcontent-dch-c20="" class="menu">
                            <div _ngcontent-dch-c20="" class="menu-container">
                                <ul _ngcontent-dch-c20="" class="fz">
                                    <li _ngcontent-dch-c20="" class="active">首页 </li>
                                    <li _ngcontent-dch-c20="">成绩报告 </li>
                                    <li _ngcontent-dch-c20="">多分课堂 </li>
                                    <li _ngcontent-dch-c20="">个人中心 </li>
                                </ul>
                            </div>
16461
复制
说明

在光标位于编辑器中时，按下 F11 可以切换全屏编辑模式。按 Esc 也可用于退出全屏编辑模式。